// 工具网格组件模板
const toolsGridTemplate = `
<div class="tools-grid">
    <div class="tool-item">
        <button onclick="openJsonTool()">
            <i class="ri-braces-line"></i>
            <span>JSON格式化</span>
        </button>
    </div>
    <div class="tool-item">
        <button onclick="openBase64Tool()">
            <i class="ri-image-line"></i>
            <span>图片Base64</span>
        </button>
    </div>
    <div class="tool-item">
        <button onclick="openTimeTool()">
            <i class="ri-time-line"></i>
            <span>时间转换</span>
        </button>
    </div>
    <div class="tool-item">
        <button onclick="openColorTool()">
            <i class="ri-palette-line"></i>
            <span>颜色转换</span>
        </button>
    </div>
</div>
`;

// 渲染工具网格组件
document.getElementById('toolsGridComponent').innerHTML = toolsGridTemplate; 